<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../templates/layout_admin.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="content">
        <p:panel header="Agregar nueva categoria">
            <h:form id="form01">
                <p:growl id="form01growl01" for="form01growl" showDetail="true"  life="2000" />
                <p:panelGrid id="form01grid01" columns="3">
                    <p:outputLabel for="form01inputText01" value="Nombre" />
                    <p:inputText id="form01inputText01" value="#{categoriaController.categoria.nombre}" />
                    <p:message for="form01inputText01" />

                    <p:outputLabel for="form01inputText02" value="Descripcion" />
                    <p:inputText id="form01inputText02" value="#{categoriaController.categoria.descripcion}" />
                    <p:message for="form01inputText02" />

                    <p:outputLabel for="form01inputText03" value="Estado" />
                    <p:inputText id="form01inputText03" value="#{categoriaController.categoria.estado}" />
                    <p:message for="form01inputText03" />

                    <p:commandButton value="Registrar" action="#{categoriaController.agregarNuevaCategoria}" update="form01grid01,form01growl01" />
                    <p:commandButton value="Limpiar" type="reset" />
                </p:panelGrid>
            </h:form>
        </p:panel>
        <p:panel header="Listado">
            <p:dataTable value="#{categoriaController.categorias}" var="c">
                <p:column headerText="Nombre">
                    <p:outputLabel value="#{c.nombre}" />
                </p:column>
                <p:column headerText="Descripcion">
                    <p:outputLabel value="#{c.descripcion}" />
                </p:column>
                <p:column headerText="Estado">
                    <p:outputLabel value="#{c.estado}" />
                </p:column>
            </p:dataTable>
        </p:panel>
    </ui:define>

</ui:composition>
